<template>
<p>用辅助文字直接地表达对应分数</p>
<div text="sm" m="y-4" data-v-72294632=""><p>为组件设置 <code>show-text</code> 属性会在右侧显示辅助文字。 通过设置 <code>texts</code> 可以为每一个分值指定对应的辅助文字。 <code>texts</code> 为一个数组，长度应等于最大值 <code>max</code>。</p>
</div>
  <el-rate
    v-model="value"
    :texts="['oops', 'disappointed', 'normal', 'good', 'great']"
    show-text
  />
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref()
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>